<script lang="ts" setup>


defineProps({
  direction: {
    type: String,
    default: 'horizontal'
  },
  size: {
    type: Number,
    default: 10
  }
})
</script>

<template>
  <a-space :direction="direction" :size="size" class="controls-card w-full">
    <slot />
  </a-space>
</template>

<style lang="less" scoped>
.controls-card {
@apply p-3 mb-3;
@apply bg-white;
@apply rounded shadow;
}
</style>
